@charset "utf-8";

/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {

    padding: 0;

    margin: 0

}



fieldset, a img {

    border: 0

}



address, caption, cite, code, dfn, em, th, var {

    font-weight: normal;

    font-style: normal

}



ol, ul {

    list-style: none

}



caption, th {

    text-align: left

}



q:before, q:after {

    content: ''

}



abbr, acronym {

    border: 0

}



html {

    font-size: 14px;

}



body {

    font-size: 1rem;

    line-height: 1.8;

    /* font-family: "SimHei", Verdana, Tahoma, Geneva, sans-serif; */

    text-align: left;

    margin: 0;

    padding: 0;

    color: #777777;

    background: #fff;

}



hr {

    color: #e3e3e3;

    height: 1px;

    border: 0px;

    border-top: 1px solid #e3e3e3;

    margin: 0px;

    padding: 0px;

    overflow: hidden

}



.font-yh {

    font-family: "SimHei", Verdana, Geneva, sans-serif;

}



.font-vd {

    font-family: Verdana, Geneva, sans-serif;

}



.lineb {

    display: -moz-inline-stack;

    display: inline-block;

    zoom: 1;

    *display: inline;

    vertical-align: top;

}



a {

    text-decoration: none;

    color: #666666

}



a:hover {

    color: #e7a279

}



.fl {

    float: left;

    display: inline

}



.fr {

    float: right;

    display: inline

}



.clear {

    clear: both;

    font-size: 0px;

    line-height: 0;

    height: 0

}



.clearfix:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0

}



* html .clearfix {

    zoom: 1

}



*:first-child + html .clearfix {

    zoom: 1

}



.bka {

    display: block

}



.cell, .cell2, .cell3 {

    border-collapse: collapse;

    border-spacing: 0

}



.time, .more {

    float: right

}



.none {

    background: none

}



.sub {

    display: none;

}



body.index {

    background: #f7f8f3;

}



html, body {

    /* overflow-x: hidden; */

}



/*img {*/

    /*max-width: 100%;*/

/*}*/



a:hover {

    text-decoration: none;

}



ul, li {

    list-style: none;

}





.trans,

.cube {



    -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1);



    -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);



    -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);



    -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);



    transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);



}



/* .wrap{} */

.min_width, .wrap {

    width: 1200px;

    margin: 0 auto;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



/* css common */

.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



.clearfix {

    *zoom: 1;

}



.clear {

    clear: both;

}



/*pccss reset 结束*/

.headOn {

    background: #FFFFFF;

    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.12);

}



.header {

    height: 80px;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 500;

}



.header .logo {

    width: 216px;

    height: 25px;

    margin: 30px 0;

}



.header .logo img {

    display: block;width:100%;

}



.header .logo .img2, .headOn .logo .img1, .open .header .img1 {

    display: none;

}



.headOn .logo .img2, .open .header .img2 {

    display: block;

}



.headOn .menu, .open .header .menu {

    color: #000;

}



.headOn .menu-handler .burger, .open .menu-handler .burger {

    background: #000;

}



.menu {

    display: none;

    height: 48px;

    position: absolute;

    right: 30px;

    top: 50%;

    margin-top: -24px;

    color: #fff;

    font-size: 16px;

    line-height: 48px;

    z-index: 1100;

    cursor: pointer;

    transition: all .3s ease-in-out 0s;

    -webkit-transition: all .3s ease-in-out 0s

}



.menu-handler {

    width: 24px;

    height: 48px;

    cursor: pointer;

    position: relative;

    float: right;

    transition: all .3s cubic-bezier(.445, .145, .355, 1);

    -webkit-transition: all .3s cubic-bezier(.445, .145, .355, 1);

    -moz-transition: all .3s cubic-bezier(.445, .145, .355, 1)

}



.menu-handler .burger {

    width: 100%;

    height: 3px;

    background: #fff;

    display: block;

    position: absolute;

    z-index: 5;

    top: 14px;

    left: 0;

    transform-origin: center;

    -webkit-transform-origin: center;

    -moz-transform-origin: center;

    -o-transform-origin: center;

    -ms-transform-origin: center

}



.menu-handler .burger-2 {

    top: 22px

}



.menu-handler .burger-3 {

    top: 30px

}



.menu-handler.active .burger-1 {

    top: 21px;

    -moz-transform: rotate(225deg);

    -webkit-transform: rotate(225deg);

    -o-transform: rotate(225deg);

    -ms-transform: rotate(225deg);

    transform: rotate(225deg)

}



.menu-handler.active .burger-2 {

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    filter: alpha(opacity=0);

    opacity: 0;

    -moz-opacity: 0;

    -khtml-opacity: 0;

    -webkit-opacity: 0

}



.menu-handler.active .burger-3 {

    top: 21px;

    -moz-transform: rotate(-225deg);

    -webkit-transform: rotate(-225deg);

    -o-transform: rotate(-225deg);

    -ms-transform: rotate(-225deg);

    transform: rotate(-225deg)

}



.headOn .nav li > a {

    color: #4D4D4D;

}



.wap_menu {



    position: fixed;

    left: 0px;

    top: 0%;

    width: 100%;

    height: 0%;

    z-index: 1000;

    background: #fff;

    overflow: hidden;



}



.open .header {

    background: #fff !important;

}



.open .wap_menu {

    height: 100%;

    overflow: auto;

}



.navMobile {

    padding: 80px 0px 40px;

    overflow: auto;

    height: 100%;

}



.navMobile dd {

    display: block;

    width: 100%;

    text-align: center;

}



.navMobile dd p a {

    text-transform: uppercase;

    font-size: 1.4rem;

    position: relative;

    transition: 600ms ease 350ms;

    -webkit-transition: 600ms ease 350ms;

}



.navMobile dd a {

    display: block;

    font-size: 16px;

    padding: 10px 0px;

    color: #7f7f7f;

    -webkit-transition: 0s;

    -moz-transition: 0s;

    -o-transition: 0s;

    transition: 0s;

}



.navMobile dd a:hover, .navMobile dd p a.cur {

    background: none #4f4f4f;

    color: #fff;

}



.navMobile dd a:active {

    background-color: #717070;

    color: #fff;

}



.navMobile dd .msubnav {

    background-color: #4f4f4f;

    display: none;

    padding: 15px 0px;

}



.navMobile dd .msubnav a {

    color: #8d8d8d;

    position: relative;

    background: transparent;

}





.nav li {

    float: left;

    font-size: 18px;

}



.nav li > a {

    font-weight: bold;

    color: #FFFFFF;

    line-height: 80px;

    padding: 0 15px;

}



.nav li > a::after {

    opacity: 0;

    content: '';

    width: 72%;

    position: absolute;

    height: 1px;

    background: #fff;

    bottom: 8px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

}



.nav li > a:hover {

    background: none;

}



.navChild {

    position: absolute;

    left: 0;

    width: 100%;

    text-align: center;

    display: none;

}



.navChild a {

    color: #fff;

    font-size: 16px;

    display: block;
    line-height: 30px;

}


.headOn .navChild { background: #fff; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);}
.headOn .navChild a {

    color: #333;

}



.nav li > a:hover::after, .nav li.on > a::after {

    opacity: 1;

}



.navChild a:hover {

    color: #1765C5;

}



.headOn .nav li > a::after {

    background: #1765C5;

}





.page_scroll {

    width: 100%;

    height: 100vh;

    background: #fff;

}



.pageSection, .banner .swiper-slide, .banner {

    width: 100%;

    height: 100%;

}



.banner .swiper-slide a {

    display: block;

    width: 100%;

    height: 100%;

}



.videos .swiper-slide {

    width: 100%;
    height: 100%;

}



.videos .swiper-slide img {

    display: block;

    width: 100%;

}



.pageSection {

    padding-top: 10%;

}
.section8 {padding-top: 8%;}
.section2  {

    padding-top: 12%;
    background:url(../img/indexbg-1.jpg) no-repeat #fff;background-size: cover;

}

/*.section7 .moreBtn{margin-top: 5%;}*/
/* .indexAbout{ padding: 15px 25px 15px 40px;} */

.indexAbout h2 {

    color: #1D4D9D;

    font-size: 22px;

}



.videos {

    width: 100%;

}



.indexAbout p {

    color: #666;

    font-size: 16px;

    margin-top: 20px;

    line-height: 150%;

}


.moreBtn{text-align: center;width:100%;clear:both;padding:20px 0 0;}
.moreBtn a{

    width: 160px;

    height: 50px;

    border: 1px solid #1D4D9D;

    border-radius: 18px;
    display: inline-block;
    text-align: center;

    line-height: 50px;

    color: #1D4D9D;

    font-size: 18px;
margin:0 auto;

}

.storeItem  .moreBtn { position: static;}

.dot_style {

    position: static;

    width: 100%;

    /* margin-top: 30px; */

    text-align: center;

    z-index:100;

}



.dot_style .swiper-pagination-bullet {

    opacity: 1;

    display: inline-block;

    width: 10px;

    height: 10px;

    background: #666;

    margin: 0 5px !important;

    font-size: 0;

    transition: all .5s;

    vertical-align: middle;

}



.dot_style .swiper-pagination-bullet-active {

    background: #1D4D9D;

    border-radius: 5px;

    width: 25px;

}



.pageSection h4 {

    font-weight: bold;

    font-size: 22px;

    color: #fff;

    text-align: center;

    margin:1% 0;

}



.productName a {

    width: 160px;

    display: inline-block;

    height: 50px;

    margin: 0 15px;

    border: 1px solid #FFFFFF;

    font-size: 18px;

    color: #fff;

    text-align: center;

    border-radius: 25px;

    text-align: center;

    line-height: 50px;

}



.section3 {

    background: url(../img/8.jpg) no-repeat;

    background-size: cover;

}



.section4 {

    background: #EDF2F9;

}
.section4 .pics img{width:auto;height:300px;object-fit:cover;}

.section5{background:url(../img/indexbg-4.png) no-repeat #fff;background-size: cover;}
.section6{background:url(../img/indexbg-5.png) no-repeat #fff;background-size: cover;}
.section7{background:url(../img/indexbg-6.png) no-repeat #fff;background-size: cover;}
.section8{background:url(../img/indexbg-1.jpg) no-repeat #fff;background-size: cover;}
.productName a.on {

    background: #fff;

    color: #1D4D9D;

}



.productName {

    text-align: center;

}



.productlist .lists li {

    width: 25%;

    margin: 6% auto 0;

    float: left;

}



.productlist .lists .pic {

    display: block;

    width:200px;

    margin: 0 auto;

    position: relative;

    border-radius: 50%;
    height:200px;

    -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);



    -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);



    -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);



    transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);

    overflow: hidden;

}



.productlist .lists .pic img {

    width: 100%;

    -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1);



}



.productlist .lists .pic a:hover img {

    transform: scale(1.1);

}

.productlist .lists p{height:30px;line-height:30px;font-size:16px;}

.marginR0 {

    margin-right: 0 !important;

}



.productlist .lists {

    margin: 0 auto;

    text-align: center;

}

.brandBox  .productlist{ max-width: 1200px; margin: 0 auto;}

.hiddens {

    display: none;

}



._block {

    display: block;

}



.sec4list li {

    padding: 0 2% 0%;

    width: 50%;

    float: left;

    text-align: center;

}



.sec4list li span {

    font-size: 28px;

    margin: 0 auto;

    color: #fff;

    text-align: center;

    line-height: 60px;

    width: 60px;

    height: 60px;

    background: #1D4D9D;

    border-radius: 50%;

}



.sec4list li b {

    margin-top:5px;

    font-size:16px;

    color: #333;

}



.sec4list li p {

    margin-top:5px;

    font-size:12px;
line-height: 20px;
    color: #666;
    text-align: left;

}



.width50 {

    width: 50%;

}



.section4 h4, .storeContent h4 {

    color: #1D4D9D;

}



.storeType a {

    width: 160px;

    font-size: 14px;

    text-align: center;

    margin: 0 5px;

    height: 40px;

    color: #1D4D9D;

    border: 1px solid #1D4D9D;

    display: inline-block;

    border-radius: 20px;

    text-align: center;

    line-height: 40px;

}



.storeType {

    text-align: center;

}



.storeType a.on {

    background-color: #1D4D9D;

    color: #fff;

}



.storlist {

    margin:1% auto 10px;

    padding: 0 90px;

    position: relative;

}
.storlist .smalltitle{font-size:16px;}


.storeItem .swiper-slide img {

    display: block;

    width: 100%;
    height:auto;object-fit: cover;

}



.storeItem .swiper-slide {

    width: 31%;
    position: relative;
    padding:0 0 10px;
    height:260px;overflow: hidden;

}



.storeItem .swiper-slide a {

    width: 100%;
    height:100%;display: block;

}
.storeItem .swiper-slide .pic{width:100%;height:180px;}
.storeItem .swiper-slide .pic img{width:100%;height:180px;object-fit:cover;}
.storeItem .swiper-slide a h4{color:#1d4d9d;font-size:16px;text-align:center;padding:5px 0;}
.storeItem .swiper-slide a p{color:#999;line-height:24px;}
.storeItem .swiper-slide a span {

    background-color: rgba(29, 77, 157, .5);

    visibility: hidden;

    opacity: 0;

    font-size: 18px;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    color: #fff;

    text-align: center;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



.storeItem .arrow {

    position: absolute;

    width: 25px;

    height: 47px;

    top: 50%;

    margin-top: -66px;

}



.storeItem .swiper-next {

    background: url(../img/arrow2.png) no-repeat;

    right: 0;

}



.storeItem .swiper-prev {

    background: url(../img/arrow1.png) no-repeat;

    left: 0;

}


/**/
.newsItem .swiper-slide img {display: block;width: 100%;height:240px;object-fit: cover;}
.newsItem .swiper-slide {width: 31%;position: relative;padding:0 0 10px;height:310px;overflow: hidden;}
.newsItem .swiper-slide a {width: 100%;height:100%;display: block;}
.newsItem .swiper-slide a h3{text-align: center;font-size:14px;padding:5px 0;}
.newsItem .swiper-slide a p{font-size:12px;padding:5px 0;color:#999;}


.newsItem .arrow {position: absolute;width: 25px;height: 47px;top: 50%;margin-top: -66px;}
.newsItem .swiper-next {background: url(../img/arrow2.png) no-repeat;right: 0;}
.newsItem .swiper-prev {background: url(../img/arrow1.png) no-repeat;left: 0;}



.joblist li {

    width: 25%;

    float: left;

    text-align: center;

    padding: 0 2.5%;

    margin-bottom:1%;
    margin-top:10px;

}



.joblist li .p1 {

    font-size: 20px;

    color: #fff;

    height: 40px;

    line-height: 40px;

    background: #1D4D9D;

}



.joblist li .intro {

    padding: 4% 3%;

    color: #505050;

    font-size: 14px;
    height: 220px;
    overflow: auto;
    margin-bottom: 20px;
    line-height:21px;

    background:#fff;
}
/*?????????? ??????????????*/
.joblist li .intro::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    background-color: #F5F5F5;
}

/*??????? ???+??*/
.joblist li .intro::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

/*???? ???+??*/
.joblist li .intro::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #c8c8c8;
}


.joblist li a {

    width: 140px;

    height: 40px;

    background: #1D4D9D;

    border-radius: 20px;

    margin: 0 auto;

    text-align: center;

    line-height: 40px;

    color: #fff;

    font-size: 16px;

}



.newlist li {

    width: 32%;

    border-radius: 14px;

    overflow: hidden;

    float: left;

    margin-right: 1.5%;

}

.newlist li i{ max-height: 240px; overflow: hidden;}

.newlist li img {

    display: block;

    width: 100%;

}



.newlist li .newTxt {

    padding: 7% 5%;

    background: #E8EFF9;
    transition: all .6s;

}

.newlist li:hover .newTxt{
 background: #1D4D9D;
}
.newlist li:hover .newTxt span,.newlist li:hover .newTxt a{ color: #fff;}
.newlist li .newTxt span {

    width: 20%;

    text-align: center;

    color: #1D4D9D;

    float: left;

}



.newlist li .newTxt b {

    font-size: 26px;

    line-height: 20px;

}



.newlist li .newTxt a {

    float: right;

    width: 76%;

    font-size: 18px;

    line-height: 20px;

}



.contactl {

    width: 50%;

    font-size: 16px;

}



.contactl h2 {
    font-size:24px;
    color: #1D4D9D;

}



.contactl p {

    color: #4D4D4D;

    margin-top:4px;

}



.contactl ul {

    width:95%;

}



.contactl ul li {

    float: left;

    width:25%;

    text-align: center;

    margin-top: 3%;

}



.contactl ul li span {

    color: #666;

    font-size: 16px;

}



.contactr {

    width: 50%;

}

.contactr .map{height:150px;width:100%;}

.contactr .form p {

    color: #1D4D9D;

    font-size: 18px;

    margin-bottom: 2%;
    margin-top: 2%;

}



.contactr .form .divInput {

    font-size: 16px;

    color: #666;

    margin-top: 20px;
width:50%;float:left;
}



.contactr .form .divInput sup {

    color: #F23535;

    margin-right: 5px;

}



.contactr .form .divInput label {

    width: 20%;

    line-height: 40px;

    text-align: center;

}



.contactr .form .divInput input {

    padding-left: 20px;

    border: 1px solid #EDEDED;

    float: left;

    display: block;

    height: 40px;

    width: 80%;

}



.contactr .form .divInput textarea {

    width: 80%;

    border: 1px solid #EDEDED;

    height: 90px;

    padding: 10px 20px;

}



.submitBtn {

    width: 230px;

    margin-left: 10%;

    margin-top:10%;

    height: 50px;

    background: #1D4D9D;

    border-radius: 5px;

    font-size: 16px;

    color: #fff;

    border: none;

}



/*.footer {*/

    /*padding: 1% 15px;*/

    /*background: #373737;*/

    /*text-align: center;*/

    /*z-index: 10;*/

    /*position: absolute;*/

    /*width: 100%;*/

    /*bottom: 0;*/

    /*display: none;*/

    /*left: 0;*/

    /*color: #fff;*/

/*}*/
.footLeft .logo{margin:0 0 10px 0}
.footLeft .logo img{width:auto;height:35px;}
.footLeft p{padding:5px 0 0 0;color:#fff;}
.footer{
    background: #5988d7;
    padding: 40px 0 0;
}
.footLeft{}
.footRight{text-align: center;}
.footRight p{color:#fff;padding:0 0 10px 0;font-size:18px;}
.footRight>div{ margin-right: 20px; float: left; text-align: center; color: #fff; }
.footRight>div img{width: 105px; margin-bottom: 5px;height: 105px; display: block;}
.footRight>div i{ font-style: normal;}
.copyright{ margin-top: 20px; width: 100%; text-align: center; background: #1d4d9d; color: #fff; padding: 10px 0;}
.footLeft>div a:hover{ text-decoration: underline;}
.footLeft a{color:#fff;}
.copyright a{color: #fff;}




.swiper-container-vertical > .pageNum .swiper-pagination-bullet {

    margin: 10px 0;

    width: 11px;

    height: 11px;

    opacity: 1;

    background: #E6E6E6;



}



.swiper-container-vertical > .pageNum .swiper-pagination-bullet-active {



    background: #1D4D9D;



}



.pageNum {

    position: absolute;

    right: 5% !important;

    z-index: 10;

}



.moreBtn a:hover {

    background: #1D4D9D;

    color: #fff;

}



.aui-ellipsis {

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    word-wrap: break-word;

    word-break: break-all;

    white-space: normal !important;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}





.aui-ellipsis-2 {

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    word-wrap: break-word;

    word-break: break-all;

    white-space: normal !important;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    height:60px;overflow: hidden;

}



.aui-ellipsis-3 {

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    word-wrap: break-word;

    word-break: break-all;

    white-space: normal !important;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}



.smDiv {

    position: fixed;
    width: 100%;
    height:100%;
    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    z-index: 1000;
    background:rgba(0,0,0,.5);

}


.m_sm{ display: none;}
.smDiv .closed{ position: absolute; right: 0; top: 0px; cursor: pointer;
    width: 55px; z-index: 600; background:#eee;border-top-right-radius:10px;}
.smContent{
    width: 80%;
    margin: 10% auto 0;
    border-radius: 10px;
    /* overflow: hidden; */
    background: #fff;
    padding: 90px 60px 60px;
    position: relative;
}
.smLogo{ display: block;position: absolute;top:0%;width:173px;height:173px;left:50%;margin-top:-87px;margin-left:-87px;z-index: 1;}
.smContent p,.smContent p a{ color: #05398c; font-size: 16px; line-height: 150%;}
.smContent .tr{text-align: right;}
.smContent .imgs{ text-align: center; margin: 20px auto;}
.smContent .imgs span{ margin: 0 10px;color: #05398C; font-size: 16px; display: inline-block;}
.smContent .imgs img{ display: block; margin: 0 auto; }
.productlist .lists li i{ margin-top: 10px; font-size: 16px; font-style: normal; text-align: center; color: #fff;}
/* ??start */

.insideBan {

    height: 700px;

    width: 100%;

    position: relative;

    overflow: hidden;

}



.incont {

    text-align: center;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

}



.incont img {

    display: block;

    margin: 0 auto 4%;

}



.incont h3 {

    font-size: 30px;

    font-weight: bold;

    color: #fff;

}



.menunav {

    background: #1D4D9D;

}



.menunav li {

    height: 50px;

    background: #1D4D9D;

    float: left;

    width: 11%;

    text-align: center;

    line-height: 50px;

}


.footnav{display:none;}
.menunav li a {

    display: block;

    color: #fff;

}



.menunav li.on a, .menunav li:hover a {

    background: #5988D7;

}



.boxTitle {

    text-align: center;

    font-size: 22px;

    color: #333;

}



.boxTitle span {

    text-transform: uppercase;

    color: #1D4D9D;

}



.boxTitle h1 {

    font-size: 22px;

}



.boxContainer {

    padding: 5% 15px;

}



.introTxt p {

    line-height: 180%;

    margin-top: 3%;

    color: #666;

    font-size: 16px;

}



.introTxt img {

    margin-top: 3%;

}



.insideHeader {

    position: absolute;

}



.insideFoot {

    position: static;

    display: block;

}



.historylist {

    position: relative;

}



.historylist::after {

    content: '';

    width: 2px;

    height: 100%;

    background: #E9E9E9;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 10 b;

}



.historylist .year {

    position: relative;

    width: 20%;

    float: left;

    padding-left: 8%;

}



.historylist .year::after {

    content: '';

    border: #1D4D9D 7px solid;

    background: #fff;

    width: 36px;

    height: 36px;

    border-radius: 50%;

    position: absolute;

    left: -18px;

    top: 0;

    z-index: 10;

}



.historylist .year span {

    width: 101px;

    display: block;

    height: 35px;

    background: #1D4D9D;

    border-radius: 18px;

    text-align: center;

    line-height: 35px;

    color: #fff;

    font-size: 20px;

}



.historylist .year::before {

    content: '';

    width: 42px;

    height: 2px;

    background: #E9E9E9;

    position: absolute;

    left: 35px;

    top: 50%;

    margin-top: -1px;

}



.historylist .content {

    float: left;

    width: 69%;

}



.historylist li {

    margin-top: 5%;

}



.historylist .content p {

    color: #4d4d4d;

    font-size: 16px;

    line-height: 180%;

    margin-top: 2%;

}



.productlist .lists span {

    opacity: 0;

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    color: #fff;

    text-align: center;

    font-size: 18px;

    background: #1D4D9D;

    width: 100%;

    height: 40px;

}



.productlist .lists a:hover span {

    opacity: 1;

}



.miaoNav {

    text-align: right;

}



.picdetail {
    width: 700px;
    margin: 30px auto 0;
    position: relative;
    min-height: 500px;
}

.picdetail .arrowleft {
    position: absolute;
    left: -80px;
    top: 200px;
}
.picdetail .arrowright {
    position: absolute;
    right: -80px;
    top: 200px;
}

.picdetail img {

    width: 100%;

}



.picIntro {

    border-bottom: #333 1px solid;

    margin-top: 30px;

    padding-bottom: 20px;

    position: relative;

}



.picIntro h1 {

    color: #333;

    font-size: 20px;

    font-weight: bold;

}



.sPages {

    text-align: right;
}



.sPages a {

    color: #999;

    font-size: 16px;

}



.sPages .a1 {

    background: url(../img/45.png) no-repeat center left;

    padding-left: 15px;

    background-size: 20%;

}



.sPages .a2 {

    background: url(../img/46.png) no-repeat center right;

    padding-right: 15px;

    background-size: 20%;

    margin-left: 35px;

}



.sPages a:hover {

    color: #1D4D9D;

}



.storedisPlay {

    padding: 0 5%;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    -moz-box-pack: space-between;

    -webkit--moz-box-pack: center;

    box-pack: space-between;

    justify-content: space-between;

    -webkit-flex-wrap: wrap;

    -webkit-box-lines: multiple;

    -moz-flex-wrap: wrap;

    flex-wrap: wrap;



}



.storedisPlay li {

    width: 32%;

    margin-top: 5%;
    float:left;

}



.storedisPlay li a {

    position: relative;

    width: 100%;

}
.storedisPlay li a img{width:100%;height:300px;object-fit: cover;}
.storedisPlay li p{text-align:center;padding:5px 0;font-size:16px;}


.storedisPlay li a em {

    opacity: 0;

    position: absolute;

    background: rgba(29, 77, 157, .5);

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}



.storedisPlay li a span {

    color: #fff;

    font-size: 18px;

}



.storedisPlay li a:hover em {

    transition: all .6s;

    opacity: 1;

}



.brandBox .newlist li {

    margin-top: 5%;

}

.storename{width:100%;text-align:center;font-size:20px;padding:20px 0;color:#000;}

.page {

    border-radius: 5px;

    overflow: hidden;

    display: inline-block;

    font-size: 0;

    width: 100%;

    text-align: center;

    margin-top: 50px;

}



.pageBox li {

    display: inline-block;

    height: 34px;

    line-height: 34px;

    font-size: 15px;

    color: #333;

    text-align: center;

    background: #efefef;

    margin: 0 2px;

}



.pageBox li a, .pageBox li span {

    display: block;

    padding: 0 15px;

}



.page a.end_page {

    border-right: none;

}





.page span.current, .page .on,

.page a:hover {

    background-color: #1D4D9D;

    color: #fff;

}



.detail {

    margin-top: 40px;

}



.detail h1 {

    color: #212121;

    font-size: 20px;

    line-height: 27px;

    margin-bottom: 20px;

}



.detail .dtime span {

    margin: 0 2%;

    color: #666;

}



.detailPage a {

    height: 60px;

    text-align: right;

    font-size: 16px;

    color: #999;

    padding: 0 20px;

    background: #fff;

    line-height: 60px;

    width: 50%;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

}



.detailPage {

    margin-top: 60px;

    border-top: #E6E6E6 1px solid;

}



.detailPage .a1 {

    text-align: left;

}



.detailPage a:hover span {

    color: #BA1C22;

}



.detail .introTxt p {

    color: #333;

}



.tc {

    text-align: center;

}



.contactBox {

    margin-top: 5%;

}



.job {

    width: 100%;

    position: relative;

    margin-top: 4%;

}



.job > img {

    position: absolute;

    left: 50%;

    margin-left: -30px;

    top: 0;

}



.job ul {

    margin: 0 auto;

}



/* .jobTxt{height: 65    px;background: #434444;width: 100%; margin: 0 auto; color: #fff; line-height: 65px;}

.jobTxt span,.jobList .div1 span{display: block; float: left; font-size: 16px; text-align: center; width: 16%;} */

.jobList .div1 {

    height: 70px;

    line-height: 70px;

    color: #333;

    background-color: #F2F2F2;

    border-radius: 10px;

}



.jobList .div1 span {

    display: block;

    float: left;

    font-size: 16px;

    height: 100%;

}



.jobList .div1 .s1 {

    width: 40%;

    padding-left: 3%;

}



.jobList .div1 .s2 {

    width: 48%;

    padding-left: 3%;

    text-align: right;

}



.jobList .div1 .add {

    width: 12%;

    background: url(../img/63.png) no-repeat center;

}



.jobList {

    background: #fff;

}



.jobList .div2 {

    padding: 20px 5%;

    display: none;

}



.jobList .div2 .title {

    margin-top: 20px;

    font-size: 16px;

    margin-bottom: 10px;

    color: #333;

}



.jobList .div2 p {

    line-height: 180%;

    color: #666;

    font-size: 14px;

}



.jobList .div2 a {

    margin-top: 30px;

    width: 210px;

    height: 50px;

    background: #1c3e2e;

    color: #fff;

    font-size: 14px;

    display: block;

    text-align: center;

    line-height: 50px;

}



.jobList li {

    margin-bottom: 20px;

}



.jobList .div2 a:hover {

    background: #184630;

}



.jobList li.act .div1 {

    background: #1D4D9D;

    color: #fff;

}



.jobList li.act .div1 .add {

    background: url(../img/62.png) no-repeat center;

}



.cooper {

    background: #F4F7FD;

}



.cooperPart1 .cooperTxt {

    padding: 3%;

    color: #666;

    line-height: 220%;

}



.cooperPart1 .lists {

    margin-top: 3%;

}



.cooper2cont ul {

    position: relative;

    width: 25%;

}



.cooper2cont .ulItem1::after {

    content: '';

    width: 2px;

    height: 100%;

    background: #1765C5;

    position: absolute;

    left: 0;

    top: 0;

}



.cooper2cont .ulItem2::after {

    content: '';

    width: 2px;

    height: 100%;

    background: #1765C5;

    position: absolute;

    right: 0;

    top: 0;

}



.cooper2cont ul li {

    background: #F7F7F7;

    padding: 3% 5%;

    margin: 10% 0;



    position: relative;

}



.cooper2cont .ulItem1 li::before {

    content: '';

    position: absolute;

    left: -20px;

    border: #F7F7F7 10px solid;

    border-top-color: transparent;

    border-bottom-color: transparent;

    border-left-color: transparent;

}



.cooper2cont .ulItem2 li::before {

    content: '';

    position: absolute;

    right: -20px;

    border: #F7F7F7 10px solid;

    border-top-color: transparent;

    border-bottom-color: transparent;

    border-right-color: transparent;

}



.cooper2cont .ulItem1 li {

    margin-left: 10%;

}



.cooper2cont .ulItem2 li {

    margin-right: 10%;

}



.cooper2cont .ulItem1 li::after {

    content: '';

    width: 35px;

    height: 35px;

    position: absolute;

    left: -17%;

    top: 0;

    z-index: 1;

    background: url(../img/ico6.png) no-repeat;

}



.cooper2cont .ulItem2 li::after {

    content: '';

    width: 35px;

    height: 35px;

    position: absolute;

    right: -17%;

    top: 0;

    z-index: 1;

    background: url(../img/ico6.png) no-repeat;

}



.cooper2cont ul li b {

    color: #212121;

    font-size: 16px;

}



.cooper2cont ul li p {

    color: #333;

    font-size: 13px;

}



/* .cooperPart2{ padding: 0 0 50px;} */

.cooper2cont img {

    margin: 5%;

    display: block;

}



.advtages li {

    float: left;

    width: 16.6%;

    text-align: center;

    margin: 5% 0 0 0;

}



.advtages li b {

    color: #1D4D9D;

    font-size: 16px;

    line-height: 180%;

    margin-top: 3%;

}



.support li span {

    width: 80px;

    height: 80px;

    background: #1D4D9D;

    border-radius: 50%;

    font-size: 28px;

    color: #fff;

    line-height: 80px;

    margin: 0 auto;

}



.support li {

    float: left;

    width: 25%;

    padding: 0 2%;

    text-align: center;

    margin: 5% 0 0 0;

}



.support li b {

    color: #333;

    font-size: 16px;

    margin-top: 2%;

}



.applyForm .inputDiv {

    width: 50%;

}



.applyForm {

    margin-bottom: 15px;

}



.inputDiv span {

    width: 10%;

    line-height: 50px;

    border: #F4F7FD 1px solid;

}



.inputDiv span sup {

    color: #F23535;

}



.inputDiv .textInput {

    height: 50px;

    padding: 0 20px;

    border: 1px solid #9BB5E0;

    width: 100%;

}



.inputDiv .inputItem {

    width: 80%;

}



.inputDiv textarea {

    height: 120px;

    padding: 10px 20px;

    border: 1px solid #9BB5E0;

    width: 100%;

}



.subit {

    width: 50%;

    padding-left: 5%;

}



.submitBtn1 {

    width: 88%;

    border: none;

    height: 50px;

    color: #fff;

    background: #1D4D9D;

    border-radius: 5px;

    font-size: 16px;

}



.submitBtn1:hover {

    background: #2067de;

}



.formBox {

    margin-top: 5%;

}



.boxContainer1 > div {

    padding: 4% 0;

}



#my-video {

    width: 100%;

    height: 100%;

}
.map{width: 100%; height: 320px;}
.icon {
    background: url(../img/icon.png) no-repeat;
}
.sibar {
    position: fixed;
    bottom:30%;
    right: 0;
    z-index: 250;
    /* display: none; */
}

.sibar a,.sibar>div {
    display: block;
    margin-top: 5px;
    position: relative;
    cursor: pointer;
    text-align: center;
}

.sibar a span,.sibar>div span {
    width: 60px;
    height: 60px;
    display: block;
    background-color: #3e71c6;
    color: #fff;
    padding-top: 10px;
}

.sibar a i,.sibar>div i {
    width: 30px;
    height: 26px;
    display: block;
    margin: 0 auto;
}

.sibar a.a1 i {
    background-position: -2px -73px;
}

.sibar a.a3 i {
    background-position: -87px -73px;
}

.sibar .a4 i {
    background-position: -135px -73px;
}
.sibar .a2 i {
    background-position: -42px -73px;
}

.sibar .a5 span {
    background: #fff;
    border: #ccc 1px solid;
    color: #999;
}

.sibar .a5 i {
    background-position: -180px -73px;
    width: 16px;
}


/* .sibar a.a1:hover i {
    background-position: -300px -52px;
}

.sibar a.a2:hover i {
    background-position: -360px -52px;
}

.sibar a.a3:hover i {
    background-position: -420px -52px;
}

.sibar a.a4:hover i {
    background-position: -480px -52px;
} */

.sibar a:hover span {
    background-color: #666;
}


/* .sibar a>img,.sibar span>img{ width: 52px; height: 46px;} */

.sibar .sibarEwm {
    width:310px;
    height:320px;border: #666666 1px solid;background:#fff;
    position: absolute;
    top: -45px;
    left: -312px;
    opacity:0;
    transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -webkit-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -moz-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -o-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -ms-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
}

.sibarEwm ul li{
display: block;
    padding:0px;margin:0;
    width:150px;
    box-sizing: initial;
    float:left;
    text-align: center;
    overflow: hidden;
}


.sibar .a4.show .sibarEwm {
    top: -160px;
    opacity: 1;
    z-index: 10;
    display: block;
}

.sibar .sibarEwm img {
    width:130px;padding:10px;
}

.sibar a:hover>img {
    opacity: 0.8;
}

.sibar a.a1 p {
    position: absolute;
    opacity: 0;
    width: 160px;
    background: #666;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    height: 60px;
    line-height: 60px;
    left: -120px;
    top: 0;
    transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -webkit-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -moz-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -o-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
    -ms-transition: all 0.3s cubic-bezier(0, 0.31, 0.22, 0.43);
}

.sibar a.a1:hover p {
    left: -160px;
    opacity: 1;
    z-index: 10;
}
.svideos {

    width: 100%;

    height:298px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;

}
.quick-feedback{width:100%; background:url(../img/quick-feedback.png) top center no-repeat; height:114px; background-size:cover; position:fixed; left:0; bottom:0; z-index:998; min-width:1200px; display:none;}
.quick-wrap{width:1200px; margin:0 auto;}
#form-feedback{width:630px; float:right; padding-top:50px;}
#form-feedback input{width:215px; height:42px; background:#fff; border-radius:5px; line-height:42px; text-align:left; text-indent:10px; font-size:16px; color:#7e7e7e; display:inline-block; margin-right:10px; float:left; border:0;}
#form-feedback div{position: relative;}
.submitBtna{cursor: pointer; display:inline-block;width:172px;height:42px;float:left;margin:0;padding:0;background:#ffe89e;color:#ce3632;font-size:24px;border:none;border-radius:5px;}
.quick-show{display:block;}

@media (max-width: 1024px) {

    .quick-feedback{background:url(../img/quick-feedback-m.png) top left no-repeat;height:65px;padding:25px 0 0 20%;min-width:96%; display:none;}
    .quick-wrap{width:100%;}
    #form-feedback{width:100%; float:left; padding:0px;}
    #form-feedback input{width:35%;height:30px;line-height:30px;font-size:12px;margin-right:2%;}
    .submitBtna{width:22%;height:30px;font-size:12px;}



    .quick-show{display:block;}
}
@media (max-width: 1680px)  {
    .pageSection{ padding-top: 10%;}
    .section2 {
        padding-top: 13%;
    }
    /*.smLogo{width: 140px;}*/
}
@media (max-width: 1440px) {
    .smLogo{width: 140px;height: 140px;margin-top:-70px;margin-left:-70px;}
    .smContent p, .smContent p a{font-size: 16px;}
    .section2 {
        padding-top: 10%;
    }
}

@media (max-width: 1366px) {
    .pageSection{ padding-top: 8%;}
    .section2{ padding-top: 13%;}
    .videos{width: 90%;}
    .productName a{height: 40px; line-height: 40px;}
    .productlist .lists a{width: 80%;}
    .contactr .form .divInput{margin-top: 10px;width:100%;}
    .contactl ul li span{font-size: 14px;}
    .contactr .form .divInput textarea{height: 80px;}
    .submitBtn{height: 35px;margin-left:20%;margin-top:5%;}
    .smContent p, .smContent p a{font-size: 14px;}
    .smDiv .closed{top:0;width: 40px;}
    .smDiv{padding-top:10px;}
    .contactl p{margin-top: 7px;}
}

@media (max-width: 1200px) {
    .section2{ padding-top: 12%;}
    .nav {

        display: none;

    }



    .menu {

        display: block;

    }

    .header {

        height: 60px;

    }



    .header .logo {

        margin: 21px 0;

    }



    .newlist li .newTxt span {

        width: 20%;

    }



    .moreBtn {

        margin-top: 5%;

        height: 40px;

        line-height: 40px;


    }



    .cooper2cont img {

        margin: 5% 3%;

    }
    .brandBox  .productlist{max-width: 100%;}


}



@media (max-width: 1000px) {
    /* .m_sm{ display: block;} */
    .smContent{ padding:40px 10px 0; width: 90%;margin:30% auto 0}
    /* .pc_sm,.smLogo{ display: none;} */

    .section2{ padding-top: 14%;}


    .productName a {

        width:70px;

        height:30px;

        line-height:30px;

        font-size:12px;
        margin:1% 2px;
    }



    .productlist {

        margin-top: 5%;

    }

    .sec4list li span {font-size:20px;line-height:40px;width:40px;height:40px;}
    .sec4list li b {margin-top:2px;font-size:14px;}
    .sec4list li p {margin-top:2px;font-size:10px;line-height:16px;}
    .aui-ellipsis-2{height:50px}
    .row {

        margin: 0;

    }



    .indexAbout h2 {

        text-align: center;

    }



    .m_hide {

        display: none;

    }



    .indexAbout p {

        font-size: 15px;

    }



    .aboutTxt img {

        margin: 5% auto;

        display: block;

    }



    .contactr .form .divInput label {

        width: 20%;

    }



    .contactr .form .divInput input, .contactr .form .divInput textarea {

        width: 80%;

    }



    .menunav li {

        width: 20%;

    }



    .historylist .year {

        padding-left: 0;

        width: 30%;

    }



    .historylist .year::after, .historylist .year::before, .historylist::after {

        display: none;

    }



    .historylist .year span {

        width: 75px;

    }



    .picdetail {
        width: 100%;
        padding: 4% 0;

    }

    .footnav{position:fixed;bottom:0;border-top:1px solid #3568bc;left:0;width:100%;height:45px;background:#1d4d9d;z-index:1000;display: block;}
    .footnav a{width:25%;line-height:15px;display: block; text-align: center;float:left;padding:5px 0 0 0;}
    .footnav a img{height:20px;width:auto;}
    .footnav a p{color:#fff;padding:0px;font-size:12px;}

    .rnav{width:50px;float:right;height:auto;position:fixed;right:5px;top:40%;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;z-index:10;}/*解决IE6下不兼容 position:fixed 的问题*/
    .rnav ul li{position:relative;cursor:pointer;padding:2px;width:50px;height:50px;margin:0 0 10px 0;background:#fff;border-radius:50%;}
    .rnav ul li a{width:46px;height:46px;border:2px solid #969696;border-radius:50%;display:block;}
    .rnav ul li a.ltel{background:url(../img/rtel.png) no-repeat center center;background-size:30px auto;}
    .rnav ul li a.lfeedback{background:url(../img/rfeedback.png) no-repeat center center;background-size:30px auto;}
    .rnav ul li a.lkefu{background:url(../img/rkefu.png) no-repeat center center;background-size:30px auto;}




    .sibar{display:none;}
    .footer{padding-top:20px;margin-top:10px;padding-bottom:45px;}
    .footLeft{width:100%;border-bottom:1px solid #4574c2;padding:0 0 20px 0;}
    .footLeft .logo{margin:0 auto 10px;width:90%;}
    .footLeft .logo img{width:100%;height:auto;}


    .footRight{text-align: center;width:100%;}
    .footRight p{color:#fff;padding:10px 0;font-size:14px;}
    .footRight>div{ margin-right:0; float: left; text-align: center; color: #fff;width:25%;padding:2%;}
    .footRight>div img{width:100%; margin-bottom: 5px;height:auto; display: block;}
    .footRight>div i{font-size:10px;}


    .copyright{ padding: 3%; line-height: 180%;font-size:11px;}
    .storedisPlay {

        padding: 0;

    }



    .storedisPlay li {

        width: 48%;

        margin-right: 0 !important;

    }



    .brandBox .newlist li {

        margin-right: 4% !important;

    }



    .brandBox .newlist li.marginR0 {

        margin-right: 4% !important;

    }



    .brandBox .newlist li:nth-child(2n) {

        margin-right: 0 !important;

    }



    .pageBox li a, .pageBox li span {

        padding: 0 12px;

        font-size: 12px;

    }



    .page {

        text-align: center;

        margin-top: 30px;

    }



    .cooper2cont ul {

        float: none;

        width: 100%;

    }



    .cooper2cont .ulItem1 li, .cooper2cont .ulItem2 li {

        margin: 3% 0 3% 0;

    }



    .cooper2cont img {

        display: none;

    }



    .cooper2cont ul::after, .cooper2cont ul li::after, .cooper2cont ul li::before {

        display: none;

    }



    .advtages li {

        width: 33.3%;

    }



    .support li {

        width: 50%;

    }



    .applyForm .inputDiv {

        width: 100%;

        margin-bottom: 20px;

    }



    .inputDiv span {

        width: 15%;

    }



    .submitBtn1 {

        margin: 0 auto;

        display: block;

    }



    .subit {

        padding: 0;

        width: 100%;

    }



    .menunav .container {

        padding: 0;

    }



    .insideBan {

        height: 300px;

    }



    .insideBan img {

        width: 60%;

    }



    .incont h3 {

        font-size: 25px;

    }



    .menunav li a {

        font-size: 13px;

    }



    .menunav {

        background: none;

    }



    .brandBox .productlist .lists li {

        width: 50%;

    }
    .contactl ul {
        width: 97%;

    }


}
/* @media (max-width:992px){
    .smContent{width: 100%;}
    .section3,.section4 {
        display: flex;
        justify-content: center;
        align-items: center;
    }
} */


@media (max-width: 768px) {

    .pageSection h4 {
        margin-bottom:4%;

    }
    .pageSection {

        padding-top:20%;

    }


    .joblist li .intro{
        height:auto;margin-bottom:0;
    }
    /*.joblist li:last-child{display:none;}*/
    .section4 .pics{padding:10px 0;}
    .section4 .pics img {

        width:100%;height:auto;

    }



    .storeItem .swiper-slide {

        width: 100%;
        height: 100%;
        margin:2% 0;
        padding:0;

    }
    .storeItem .swiper-slide .pic{height:320px;}
    .storeItem .swiper-slide .pic img{height:320px;}

    /* .productlist .lists a{width: 90%;} */

    .width50 {

        width: 100%;

    }



    .sec4list li {

        margin-top:0%;

    }

    .contactr {

        width:100%;

    }
    .contactr .map{height:240px;display:none;}

    .contactr .form .divInput label {
        width: 20%;
    }
    .contactra {
display: block;
        width:100%;

    }



    .contactl {

        float: none;

        width: 100%;

    }
    .contactl p{font-size:12px;margin-top:0px;}
    .contactl h2 {
        font-size:16px;
    }
    .contactl ul{width:100%;}
    .contactl ul li span{font-size:12px;}




    .newsItem .swiper-slide {width:100%;padding:0;height:100%;}
    .newsItem .swiper-slide img{height:360px;}

    .newlist li {

        width: 48%;

        margin-top: 5%;

    }



    .newlist li .newTxt a {

        font-size: 16px;

    }



    .storlist {

        padding: 0 3%;

    }



    .storlist .arrow {

        display: none;

    }



    .storeType a {

        width:20%;

        height:26px;

        line-height:26px;

        margin:2% 5% 0;font-size:12px;

    }



    .joblist li {

        width:100%;

    }



    .joblist li:nth-child(5), .joblist li:nth-child(6), .joblist li:nth-child(7), .joblist li:nth-child(8) {

        display: none;

    }



    .joblist li .p1 {

        font-size: 16px;

    }



    .advtages li img {

        width: 60%;

        margin: 0 auto;

    }



    .smDiv .closed {

        width: 30px;

        top:0px;

    }



    .smDiv {

        width:100%;

    }




    .section3 .productlist .lists li {

        width:50%;padding:5px;

    }
    .section3 .productlist .lists .pic{width:100%;height:auto;}


    .section3 .productlist .lists a {

        width: 86%;

    }
    .newlist li .newTxt b{font-size: 22px;}
    .newlist li .newTxt span{width: 30%;font-size: 12px;}
    .newlist li .newTxt a{width: 67%; font-size: 13px;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        word-break: break-all;
        white-space: normal !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .productlist .lists span{font-size: 12px;}

    .smLogo{width: 60px;height:60px;margin-top:-30px;margin-left:-30px;}
    .smTxt{ padding: 8% 3% 3%;}
    .smTxt p{ font-size: 12px; line-height: 120%;}
    .pc_sm{margin-top: -23px;}
    .smContent .imgs span{font-size: 12px;}
    .smContent .imgs img{width: 60%;}
    .svideos{position: static; width: 100%; height: 173px;}
    .videos{width: 100%;}
    .video-js .vjs-big-play-button{width: 60px; height: 60px; background-size: cover; margin-left: -30px;
        margin-top: -30px;}
    .indexAbout h2{ font-size: 18px; margin-top: 20px;}
    .aboutTxt img{width: 75%; margin: 3% auto;}
    .productName{margin-top: 25px;}
    .aboutTxt{font-size: 13px;}
    .moreBtn {margin-top:2%;height:30px;line-height:30px;padding:5px 0 0;}
    .moreBtn a{width:100px;height:30px;line-height:30px;font-size:12px;}
    .smContent .imgs{margin: 0 auto;}

    .swiper-container-vertical > .pageNum .swiper-pagination-bullet {width:6px;height:6px;}

}




@media (max-width: 320px) {



}